import React from "react";
import { Form, Input, Button, Select, DatePicker } from "antd";
import "./index.css";

const { Option } = Select;

// const [form] = Form.useForm();

class SearchForm extends React.Component {
  render() {
    return (
      <div className="searchForm">
        搜索表单组件
        <Form name="horizontal_login" layout="inline">
          <Form.Item name="no" label="规则编号">
            <Input placeholder="请输入" />
          </Form.Item>
          <Form.Item label="使用状态">
            <Select defaultValue="lucy" style={{ width: 120 }}>
              <Option value="jack">Jack</Option>
              <Option value="lucy">Lucy</Option>
              <Option value="disabled" disabled>
                Disabled
              </Option>
              <Option value="Yiminghe">yiminghe</Option>
            </Select>
          </Form.Item>
          <Form.Item label="更新时间" >
            <DatePicker placeholder="请选择" />
          </Form.Item>
          <Form.Item shouldUpdate>
            <Button style={{ marginRight: 10 }} type="primary">
              查询
            </Button>
            <Button type="primary">重置</Button>
          </Form.Item>
        </Form>
      </div>
    );
  }
}

export default SearchForm;
